html, body {
    margin:0px;
    border:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;    
    font-weight: 300;
}

#container {
    max-width:1000px;
    margin: 0 auto;
}

h2{
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
}

#image-grid span{
    display: inline-block;
    background-color: #f4f4f4;
    width:150px;
    height:190px;
    margin:8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    border: 4px solid white;
    transition: all 0.2s;
}

#image-grid span:hover {
    cursor: pointer;
    background-color: #AAAAAA;
}

#image-grid span img {

}

#image-grid span .text {
    position: absolute;
    bottom:0px;
    width:auto;
    padding:10px;
    font-size: 15px;
}

#image-grid span .description {
    position: absolute;
    top:-190px;
    width:auto;
    background-color: rgba(0,0,0,0.65);
    color:white;
    transition:0.2s all linear;
    padding:5px 8px;
    font-size: 12px;
}

#image-grid span:hover .description {
    top: 0px;
}

#image-grid span.selected {
    border-color: rgba(0,0,0,0.75);
}

.search {
    height:50px;
}

.search label {
    margin-right:10px;
}

input {
    border:1px solid #cccccc;
    border-radius: 2px;
    width:200px;
    height:15px;
    font-size: 12px;
    padding:10px;
}

table.cart {
    border:1px solid #cccccc;
}